<template>
    <div class="big_display">
	    <IndexInfomation></IndexInfomation>
	    <RMenu></RMenu>
	    <Top></Top>
	    <div class="big_Cintroduction">
		    <div class="display">
			    <div class="display_left">
			        <ComIn></ComIn>
			        <Recruit></Recruit>
			    </div>
			    <div class="display_right">
			    	<InfoComp></InfoComp>
			    </div>
			    <Hot></Hot>
			    
		    </div>
	    </div>
	</div>
</template>

<script>
	import RMenu            from     './components/Menu'
	import IndexInfomation  from     './components/Infomation'
	import Top  from     './components/Top'
	import ComIn  from     './components/ComIn'
	import Recruit  from     './components/Recruit'
	import InfoComp  from     './components/InfoCom'
	import Hot  from     './components/Hot'
	export default {
    	name: 'Cintroduction',
    	components: {
    	    IndexInfomation,
    	    RMenu,
    	    InfoComp,
    	    Top,
    	    ComIn,
    	    Recruit,
    	    Hot
		},
        data () {
            return {
            }
        }
    }
</script>

<style>
	.big_display{
		/*background: #F0F0F0;*/
		background: url(../../../static/img/index_img/3.jpg);
	}
	.big_Cintroduction{
		background: #F0F0F0;
		height: 1220px;
	}
	.display{
		position: relative;
		width: 1000px;
		left: 50%;
		margin-left: -500px;
	}
	.display_left{
		width: 680px;
		height: 1220px;
		background: #FFFFFF;
		display: inline-block;
	}
	.display_right{
		width: 310px;
	    height: 1220px;
		background: #FFFFFF;
		display: inline-block;
		margin-left: 10px;
		float: right;
	}
	._one{
		margin-top: 10px;
		border: 0.5px dashed #2D8CF0;
	}
</style>